//仅存储后台专用模块
.layui-table {
  color: #333
}

.layui-table-cell {
  height: 31px;
  line-height: 28px;
}

.layui-table-view {
  background: #fff;
}

.layui-table-click {
  background: #fff;
}

//右侧操作台表单
.sm-operation {
  .layui-form-item {
    margin-bottom: 0
  }
  .layui-form-item .layui-input-inline {
    width: 150px;
    margin-right: 0
  }
  .layui-form-label {
    width: auto
  }
}

.layui-input-time {
  .icon-rili {
    position: absolute;
    right: 15px;
    top: 10px;
    color: #5eaee3;
    padding-left: 5px;
    border-left: 1px solid #5eaee3;
  }
}

//弹出层
.sm-pop {
  margin: 20px;
}

.layui-form {
  fieldset {
    margin: 20px 0;
  }
  .layui-upload-drag {
    width: 100%;
    padding: 10px 0 !important;
  }
  .layui-upload-drag {
    width: 100%;
  }
}

//通用关闭---与layui风格一致
.close {
  &.icon-error {
    display: block;
    position: absolute;
    right: -3px;
    top: -12px;
    width: 18px;
    height: 18px;
    background-color: #666;
    border-radius: 100%;
    color: #fff;
    padding: 3px;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
    &:hover {
      background-color: #999;
    }
  }
}

//左右选择
.sm-linkage {
  h3 {
    margin-bottom: 10px;
  }
  .col-btn {
    padding-top: 150px;
    .layui-btn {
      display: block;
      margin: 0 auto 20px auto;
      width: 80px;
    }
  }
  .content {
    height: 500px;
    overflow: auto;
    .layui-table, .layui-table-view {
      margin: 0;
    }
    .layui-table-view {
      border: none;
      border-bottom: 1px solid #e6e6e6;
    }
  }
}

.border-box {
  border: 1px solid #e6e6e6;
}

//右侧面板
.sm-rightPanel {
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
  overflow: auto;
  &.fixed-title {
    padding-top: 75px;
    .sm-title-sub {
      position: absolute;
      top: 10px;
      left: 10px;
      right: 10px;
      margin: 0;
    }
  }
  .sm-rightPanel-left {
    position: relative;
    float: left;
    width: 320px;
    height: 100%;
    border: 1px solid #ccc;
    overflow: auto;
    margin-right: 10px;
    padding: 20px 10px 10px 10px;
    box-sizing: border-box;
  }

  .sm-rightPanel-right {
    position: relative;
    overflow: auto;
    border: 1px solid #ccc;
    height: 100%;
    padding: 20px 10px 10px 10px;
    box-sizing: border-box;
  }

  .leftPanel-title-fixed,
  .rightPanel-title-fixed {
    position: absolute;
    top: 10px;
    left: 20px;
    font-size: 18px;
    display: inline-block;
    line-height: 20px;
    background: #fff;
    color: #333;
    padding: 0 20px;
    z-index: 10;
  }
  .rightPanel-title-fixed {
    left: 350px;
  }
}

//头像上传模块
.sm-upload-Portrait {
  display: none;
  padding: 10px;
  .content {
    width: 575px;
    height: 365px;
    border: 3px dashed #e6e6e6;
    margin: 0 auto;
    text-align: center;
    img {
      width: 120px;
      height: 120px;
      border: 1px solid #ddd;
      margin-top: 60px;
    }
    button {
      margin-top: 20px;
    }
    p {
      color: #666;
      font-size: 16px;
      margin-top: 20px;
    }
  }
}

//修改密码弹窗
.sm-edit-pwd {
  display: none;
  padding: 10px
}

.sm-media-warp {
  padding-left: 30px;
  margin-bottom: 20px;
}

.sm-media {
  img.main {
    width: 250px;
    height: 200px;
    float: left;
    margin-right: 20px;
  }
  .content {
    overflow: hidden;
    h2 {
      font-size: 28px;
      font-weight: bold;
      span {
        font-size: 16px;
        font-weight: normal;
      }
    }
    p {
      font-size: 14px;
      margin-top: 10px;
    }
  }
}

.sm-title-sub {
  p {
    font-size: 20px;
    line-height: 1;
    font-weight: normal;
  }
}

.sm-empty {
  font-size: 20px;
  color: #ccc;
  text-align: center;
  margin: 50px 0;
}

.layui-form-pane .layui-form-checkbox {
  margin: 0
}

//咨询
.infoManage {
  .choosetimes {
    width: 340px;
    height: 38px;
    float: left;

    .layuilabel {
      //width: 70px;
      //padding: 0;
      //text-align: left;
      //line-height: 38px;
    }
    .layuitimes {
      width: 100px !important;
      float: left;
      height: 38px;
    }
    .labelcut {
      width: 30px;
      float: left;
      height: 38px;
      padding: 0;
      text-align: center;
      line-height: 38px;
    }
    .layuitimes {
      width: 100px !important;
      float: left;
      height: 38px;
    }
  }
  .layui-form-label {
    width: auto;
    //padding: 9px 0;
  }

}

.addinfo {
  padding-right: 50px;
  .layui-layedit {
    margin-left: 110px;
    height: 300px;
  }
  .abstract {
    height: 200px;
  }
  .btn-group {
    text-align: right;
  }
}

// 弹出菜单
.layui-header {
  .layui-nav-child a {
    color: #333 !important;
  }
}

.layui-header .layui-nav .layui-nav-child a {
  color: #333;
  padding: 0 10px;
}

.layui-header .layui-nav .layui-nav-child a .delete {
  color: #FF5722;
  &:hover {
    text-decoration: underline;
  }
}

// 左侧菜单
.layui-nav-tree {
  .text {
    font-style: normal;
  }
}

.layui-form {
  .tips {
    color: #FF5722;
    line-height: 38px;
    margin-left: 10px;
  }
  .tips-line {
    line-height: 1.4;
    padding-left: 10px;
  }
}

.layui-tab-content {
  padding: 0;
}

.layui-text {
  ol {
    padding: 5px 0 5px 15px;
    li {
      margin-top: 5px;
      list-style-type: decimal;
    }
  }
}

.layui-upload-drag {
  padding: 15px;
}

.layui-nav-img {
  width: 40px;
  height: 40px;
}

.wxmp-list-image {
  @include clearfix();
  margin: 0 auto;
  width: 1000px;
  li {
    width: 180px;
    height: 180px;
    float: left;
    position: relative;
    overflow: hidden;
    border: 1px solid #beceeb;
    box-sizing: content-box;
    line-height: 1;
    margin-right: 20px;
    margin-bottom: 20px;
    background: #fff;
    &:nth-child(5n) {
      margin-right: 0;
    }
    @include tran();
    .img-box {
      display: table-cell;
      width: 180px;
      height: 180px;
      text-align: center;
      vertical-align: middle;
    }
    .img-main {
      max-width: 160px;
      max-height: 160px;
      vertical-align: middle;
      cursor: -webkit-zoom-in;
      cursor: zoom-in;
    }
    .btn-box {
      display: block;
      position: absolute;
      left: 0;
      bottom: -40px;
      right: 0;
      @include tran();
      line-height: 40px;
      text-align: center;
      background: rgba(0, 0, 0, .4);
    }
    &:hover {
      .btn-box {
        bottom: 0;
      }
    }
    .layui-btn {
      background: transparent !important;
      padding: 0 5px;
    }
  }
}

//其他layui样式重置
.layui-form-checkbox span {
  padding: 0 2px
}

.layui-form-pane .layui-form-checkbox {
  margin: 0
}

.layui-table {
  color: #333
}

.wx-tab {
  .layui-tab-title {
    border-bottom: 1px solid #5eaee3;
    height: 43px;
  }
  .layui-tab-title li {
    width: 120px;
    //height:58px;
    //line-height: 58px;
    background: #fff;
    border: 1px solid #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-right: 8px;
    font-size: 16px;
  }
  .layui-tab-title li.layui-this {
    border: 1px solid #5eaee3;
    color: #5eaee3;
    border-bottom: 0;
    background: #fff;
  }
}

.layui-upload-drag .iconfont {
  font-size: 50px;
  color: #009688;
}

.wxmp-search {
  padding: 20px 0;
  margin: 0 auto;
  width: 1050px;
  .layui-input {
    border-radius: 19px;
    padding-left: 20px;
  }
  .icon-rili {
    position: absolute;
    right: 15px;
    top: 10px;
    color: #5eaee3;
    padding-left: 5px;
    border-left: 1px solid #5eaee3;
  }
  .layui-btn {
    border-radius: 19px;
    min-width: 110px;
  }

}

.btn-primary {
  background: #5eaee3;
}

.btn-primary-reversal {
  color: #5eaee3;
  background: #fff;
  &:hover {
    //color: lighten(#5eaee3,10%);
    color: #5eaee3;
  }
}

.btn-danger {
  background: #ff8a8a;
}

.btn-danger-reversal {
  color: #ff8a8a;
  background: #fff;
  &:hover {
    color: #ff8a8a;
  }
}

//.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table[lay-even] tr:nth-child(even),
//.layui-table-page,
//.layui-table-box {
//  background: #fff;
//}

.layui-form-checkbox[lay-skin=primary]:hover i {
  border-color: #5eaee3;
}

.layui-form-checked[lay-skin=primary] i {
  border-color: #5eaee3;
  background-color: #5eaee3;
  color: #fff;

}

.layui-table-cell {
  a[lay-event]:not(:first-child) {
    margin-left: 20px;
  }
}

.wxmp-list-justify {
  @include clear-after();
  .item {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 15px;
    width: 250px;
    height: 300px;
    background: #fff;
    font-size: 14px;
    float: left;
    &:nth-child(4n) {
      margin-right: 0;
    }
    &:nth-child(4n+1) {
      clear: left;
    }
    img.main {
      display: block;
      width: 100%;
      height: 160px;
    }
  }
}

.media-list {
  .item {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    .content {
      position: relative;
      top: -40px;
    }
    h3, p {
      padding: 0 8px;
    }
    h3 {
      font-size: 16px;
      line-height: 40px;
      background: rgba(0, 0, 0, .3);
      color: #fff;
      //margin-top: -40px;
      z-index: 10;
    }

    p.time {
      font-size: 12px;
      color: #999;
      line-height: 30px;
      height: 30px;
    }
    p.abstract {
      font-size: 14px;
      color: #999;
      line-height: 25px;
      height: 50px;
      overflow: hidden;
    }
    .btn-group {
      @include clear-after();
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      border-top: 1px solid #dedede;
      margin-top: 12px;
      padding: 5px 0;
      .layui-btn {
        float: left;
        width: 50%;
        box-sizing: border-box;
        &:not(:last-child) {
          border-right: 1px solid #dedede;
        }
        margin: 0;
      }
    }
    .doc {
      padding: 8px;
      border-bottom: 1px solid #dedede;
      img {
        float: right;
        margin-right: 10px;
        margin-left: 10px;
        width: 40px;
        height: 40px;
      }
      p {
        overflow: hidden;
        line-height: 40px;
        padding: 0;
        a {
          color: inherit;
        }
      }
    }
    p.more {
      text-align: center;
      line-height: 30px;
      font-size: 12px;
      color: #666;
      .iconfont {
        margin-right: 10px;
      }
    }
  }
}

.chart-content {
  background: rgb(255, 255, 255);
  padding: 16px 16px 0px;
  margin-bottom: 32px;
}

.chart {
  height: 350px;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  position: relative;
  background: transparent;
  background: #fff;
}

.wxmp-card-wrap {
  margin-left: -20px;
  margin-right: -20px;
  > div {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 32px;
  }
}

.wxmp-card {
  height: 108px;
  cursor: pointer;
  font-size: 12px;
  position: relative;
  overflow: hidden;
  color: #666;
  background: #fff;
  -webkit-box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.05);
  box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.05);
  .card-panel-description {
    float: right;
    font-weight: bold;
    margin: 26px;
    margin-left: 0px;
    .card-panel-text {
      line-height: 18px;
      color: rgba(0, 0, 0, 0.45);
      font-size: 16px;
      margin-bottom: 12px;
    }
    .card-panel-num {
      font-size: 20px;
    }
  }
  &:hover {
    .iconfont {
      color: #fff !important;
      &.icon-pic {
        background: #40c9c6;
      }
      &.icon-tongji {
        background: #36a3f7;
      }
      &.icon-daohang-gongzhonghaotixing {
        background: #f4516c;
      }
      &.icon-yonghutouxiang {
        background: #34bfa3;
      }
    }
  }

  .iconfont {
    font-size: 48px;
    float: left;
    margin: 14px 0 0 14px;
    padding: 16px;
    -webkit-transition: all 0.38s ease-out;
    transition: all 0.38s ease-out;
    border-radius: 6px;
    &.icon-pic {
      color: #40c9c6;
    }
    &.icon-tongji {
      color: #36a3f7;
    }
    &.icon-daohang-gongzhonghaotixing {
      color: #f4516c;
    }
    &.icon-yonghutouxiang {
      color: #34bfa3;
    }
  }
}

.layui-layedit {
  background: #fff;
}

.wxmp-doclist {
  float: left;
  width: 320px;
  background: #f8f8f8;
  border: 1px solid #ccc;
  .content {
    > div {
      @include clear-after();
      border-bottom: 1px solid #ccc;
      width: 100%;
      p {
        box-sizing: border-box;
        padding: 0 10px;
      }
      &.main, &.item {
        &.active {
          border: 1px solid red;
        }
      }
      &.main {
        position: relative;
        height: 180px;
        img {
          //980*554-320*180

          //145*145
          width: 100%;
          height: 100%;
        }
        p {
          position: absolute;
          left: 0;
          bottom: 10px;
          width: 100%;
          font-size: 14px;
          line-height: 25px;
          height: 25px;
          color: #333;
          overflow: hidden;
        }
      }
      &.item {
        position: relative;
        height: 70px;
        padding-top: 10px;
        padding-bottom: 10px;
        img {
          width: 50px;
          height: 50px;
          float: right;
          margin-right: 10px;
        }
        p {
          overflow: hidden;
          font-size: 14px;
          line-height: 50px;
          height: 50px;
          color: #333;
        }
        &:hover {
          button {
            display: block;
          }
        }
        button {
          display: none;
          position: absolute;
          top: 20px;
          right: 10px;
        }

        //.mask{
        //  display: none;
        //  position: absolute;
        //  top:0;
        //  left:0;
        //  bottom: 0;
        //  right: 0;
        //  background: rgba(0,0,0,.3);
        //  text-align: center;
        //  line-height: 70px;
        //  button{
        //    //margin-top: 10px;
        //    //margin-left: 30px;
        //  }
        //}
      }
    }
  }
  > .add {
    text-align: center;
    line-height: 100px;
    height: 100px;
    border: 0;
    .iconfont {
      font-size: 30px;
      cursor: pointer;
    }
  }
}

#doclist_add {
  cursor: pointer;
}

.layui-nav-img {
  width: 40px;
  height: 40px;
}

.panel {
  position: relative;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  overflow: auto;
  box-sizing: border-box;
  &.panel-full {
    margin: 0;
    height: 100%;
  }
  &.panel-default {
    border-color: #ddd;
    .panel-heading {
      color: #333;
      background-color: #f5f5f5;
      border-color: #ddd;
    }
  }
  &.panel-close {
    width: 50px !important;
    .panel-heading {
      color: transparent !important;
    }
    .panel-body {
      display: none;
    }
    .panel-ico {
      &:before {
        content: "\e648" !important;
      }
    }
  }
  .panel-heading {
    @include ellipsis();
    position: relative;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    .panel-ico {
      display: inline-block;
      position: absolute;
      right: 0;
      top: 0;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      color: #666;
      &:before {
        content: "\e647";
      }
    }
  }
  .panel-body {
    padding: 15px;
  }
  .panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
}

.wxmp-list-container {

}

.wxmp-list-image {
  @include clearfix();
  margin: 0 auto;
  width: 1000px;
  li {
    width: 180px;
    height: 180px;
    float: left;
    position: relative;
    overflow: hidden;
    border: 1px solid #beceeb;
    box-sizing: content-box;
    line-height: 1;
    margin-right: 20px;
    margin-bottom: 20px;
    background: #fff;
    &:nth-child(5n) {
      margin-right: 0;
    }
    @include tran();
    .img-box {
      display: table-cell;
      width: 180px;
      height: 180px;
      text-align: center;
      vertical-align: middle;
    }
    .img-main {
      max-width: 160px;
      max-height: 160px;
      vertical-align: middle;
      cursor: -webkit-zoom-in;
      cursor: zoom-in;
    }
    .btn-box {
      display: block;
      position: absolute;
      left: 0;
      bottom: -40px;
      right: 0;
      @include tran();
      line-height: 40px;
      text-align: center;
      background: rgba(0, 0, 0, .4);
    }
    &:hover {
      .btn-box {
        bottom: 0;
      }
    }
    .layui-btn {
      background: transparent !important;
      padding: 0 5px;
    }
  }
}

//三级菜单
.layui-nav-itemed .layui-nav-child.layui-nav-child-three {
  margin-left: -13px;
  width: 195px !important;
  background: darken(#34495e, 20%) !important;
  box-sizing: border-box;
}

.layui-nav-itemed .layui-nav-child.layui-nav-child-three li {
  padding-left: 40px !important;
  background: darken(#34495e, 15%);
  position: relative;
}

a.three {
  background: transparent !important;
}

.layui-nav-child-three {
  .layui-this {
    background: #ec4758 !important;
    > a.three {
      &:after {
        font-family: "iconfont" !important;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: 0.2px;
        -moz-osx-font-smoothing: grayscale;
        content: "\e6a7";
        position: absolute;
        right: 10px;
      }
    }
  }
}

.layui-nav-tree .layui-nav-child dd.layui-this .layui-nav-child-three a {
  //background: darken(#34495e,20%);
  background: transparent;
}

//dd.layui-this {
//  border-left: 5px solid #ec4758;
//  padding-left: 11px !important;
//}

.wx-search {
  .layui-inline {
    margin-bottom: 0 !important;
  }
}

.bg-darken {
  background: #e9edf6 !important;
}

.layadmin-pagetabs, .layui-layout-admin .layui-body, .layui-layout-admin .layui-footer, .layui-layout-admin .layui-header .layui-layout-right, .layui-layout-admin .layui-header .layui-nav .layui-nav-item, .layui-layout-admin .layui-layout-left, .layui-layout-admin .layui-logo, .layui-layout-admin .layui-side {
  transition: all .3s;
  -webkit-transition: all .3s;
}

// 编辑器
.layui-layedit-tool .iconfont {
  position: relative;
  width: 32px;
  height: 30px;
  line-height: 30px;
  margin: 3px 5px;
  color: #777;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 18px;
}

.layui-layedit-tool .iconfont input {
  position: absolute;
  font-size: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .01;
  filter: Alpha(opacity=1);
  cursor: pointer;
}

.chart-content {
  background: rgb(255, 255, 255);
  padding: 16px 16px 0px;
  margin-bottom: 32px;
}

.chart {
  height: 350px;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  position: relative;
  background: #fff;
}

.wxmp-card-wrap {
  margin-left: -20px;
  margin-right: -20px;
  > div {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 32px;
  }
}

.wxmp-card {
  height: 108px;
  cursor: pointer;
  font-size: 12px;
  position: relative;
  overflow: hidden;
  color: #666;
  background: #fff;
  -webkit-box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.05);
  box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.05);
  .card-panel-description {
    float: right;
    font-weight: bold;
    margin: 26px;
    margin-left: 0px;
    .card-panel-text {
      line-height: 18px;
      color: rgba(0, 0, 0, 0.45);
      font-size: 16px;
      margin-bottom: 12px;
    }
    .card-panel-num {
      font-size: 20px;
    }
  }
  &:hover {
    .iconfont {
      color: #fff !important;
      &.icon-pic {
        background: #40c9c6;
      }
      &.icon-tongji {
        background: #36a3f7;
      }
      &.icon-daohang-gongzhonghaotixing {
        background: #f4516c;
      }
      &.icon-yonghutouxiang {
        background: #34bfa3;
      }
    }
  }

  .iconfont {
    font-size: 48px;
    float: left;
    margin: 14px 0 0 14px;
    padding: 16px;
    -webkit-transition: all 0.38s ease-out;
    transition: all 0.38s ease-out;
    border-radius: 6px;
    &.icon-pic {
      color: #40c9c6;
    }
    &.icon-tongji {
      color: #36a3f7;
    }
    &.icon-daohang-gongzhonghaotixing {
      color: #f4516c;
    }
    &.icon-yonghutouxiang {
      color: #34bfa3;
    }
  }
}

.layui-layedit {
  background: #fff;
}

.wxmp-doclist {
  float: left;
  width: 320px;
  background: #f8f8f8;
  border: 1px solid #ccc;
  .content {
    > div {
      @include clear-after();
      border-bottom: 1px solid #ccc;
      width: 100%;
      p {
        box-sizing: border-box;
        padding: 0 10px;
      }
      &.main, &.item {
        &.active {
          border: 1px solid red;
        }
      }
      &.main {
        position: relative;
        height: 180px;
        img {
          //980*554-320*180

          //145*145
          width: 100%;
          height: 100%;
        }
        p {
          position: absolute;
          left: 0;
          bottom: 10px;
          width: 100%;
          font-size: 14px;
          line-height: 25px;
          height: 25px;
          color: #333;
          overflow: hidden;
        }
      }
      &.item {
        position: relative;
        height: 70px;
        padding-top: 10px;
        padding-bottom: 10px;
        img {
          width: 50px;
          height: 50px;
          float: right;
          margin-right: 10px;
        }
        p {
          overflow: hidden;
          font-size: 14px;
          line-height: 50px;
          height: 50px;
          color: #333;
        }
        &:hover {
          button {
            display: block;
          }
        }
        button {
          display: none;
          position: absolute;
          top: 20px;
          right: 10px;
        }

        //.mask{
        //  display: none;
        //  position: absolute;
        //  top:0;
        //  left:0;
        //  bottom: 0;
        //  right: 0;
        //  background: rgba(0,0,0,.3);
        //  text-align: center;
        //  line-height: 70px;
        //  button{
        //    //margin-top: 10px;
        //    //margin-left: 30px;
        //  }
        //}
      }
    }
  }
  > .add {
    text-align: center;
    line-height: 100px;
    height: 100px;
    border: 0;
    .iconfont {
      font-size: 30px;
      cursor: pointer;
    }
  }
}

.layui-tab-item {
  position: relative;
}

.search-chart {
  width: 100%;
  text-align: right;
  position: absolute;
  top: 0;
  z-index: 999;
  padding: 10px 10px;
  box-sizing: border-box;
}

.form-tips {
  color: #98999a;
  padding-top: 10px;
  img {
    max-width: 100%;
  }
}

.layadmin-setTheme {
  padding: 15px;
  overflow-x: hidden;
}

.layadmin-setTheme-color {
  width: 330px;
  font-size: 0;
}

.layadmin-setTheme-color li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 80px;
  height: 60px;
  margin: 0 15px 15px 0;
  background-color: #f2f2f2;
  cursor: pointer;
  font-size: 12px;
  color: #666;
}

.layadmin-setTheme-header {
  position: relative;
  z-index: 10;
  height: 10px;
  border-top: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
}

.layadmin-setTheme-header, .layui-layout-admin {
  background-color: #fff;
}

.layadmin-setTheme-side {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 100%;
  z-index: 11;
  box-shadow: 1px 0 2px 0 rgba(0, 0, 0, .05);
}

.layadmin-setTheme-side, .layui-side-menu {
  background-color: #20222A;
  color: #fff;
}

.layadmin-setTheme-color li:after {
  content: '';
  position: absolute;
  z-index: 20;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 0;
  border: 1px solid #f2f2f2;
  transition: all .3s;
  -webkit-transition: all .3s;
  opacity: 0;
}

.layadmin-setTheme-color li.layui-this:after, .layadmin-setTheme-color li:hover:after {
  width: 100%;
  height: 100%;
  padding: 4px;
  top: -5px;
  left: -5px;
  border-color: #5FB878;
  opacity: 1;
}

.layui-layout-admin .layui-header a, .layui-layout-admin .layui-header a cite {
  //color: #333;
}

.layui-header .layui-nav-item .layui-icon {
  position: relative;
  top: 1px;
  font-size: 16px;
}

.layui-logo {
  width: 60px;
  .text {
    display: block;
  }
  .iconfont {
    display: none;
  }
}

.sm-iframe-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.sm-iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}